<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>
			Order trainers
		</title>
	</head>
	<body>
		<div id="wrapper">
			<h1>
				Buy Trainers
			</h1>
			<form name="orderForm" id="orderForm" action="#" method="post" onsubmit="return false;">
				<div id="selectTrainer">
					<h2>
						Select trainers
					</h2>
					<div>
						<h3>
							622 Standard Fit Trainer <input onchange="chkPrice(this);" type="checkbox" name="StandardFitTrainer622" value="50.50" />
						</h3>
						<p>
							NEW BALANCE 622 B FITITNG SHOE The next generation of the 621, the versatile 622 cross trainer is one of the most popular styles. Excellent shock absorption brands this model a perfect choice for most activities on your workout list. A great all rounder for use as a cross trainer or entry level walking shoe, it combines classic styling with ABZORB cushioning in the heel and forefoot with a full leather upper. The shoe is available in different fittings to accommodate all foot shapes.
						</p>
						<h4>
							Size: 3
						</h4>
						<h4>
							Colour: White
						</h4>
						<h4>
							Gender: Female
						</h4>
						<h4>
							Price: £50.50
						</h4>
					</div>
					<div>
						<h3>
							Biker - Flower Girl <input onchange="chkPrice(this);" type="checkbox" name="BikerFlowerGirl" value="35.99" />
						</h3>
						<p>
							SKECHERS CASUAL TRAINES - Really funky designed upper with flower print to the front and back. A great slip on casual sneaker with stitching and overlay accents, patterned fabric and side stripes
						</p>
						<h4>
							Size: 5
						</h4>
						<h4>
							Colour: Grey
						</h4>
						<h4>
							Gender: Female
						</h4>
						<h4>
							Price: £35.99
						</h4>
					</div>
					<div>
						<h3>
							Nike Flytop Mens Trainers <input onchange="chkPrice(this);" type="checkbox" name="NikeFlytopMensTrainers" value="40.99" />
						</h3>
						<p>
							This is a recent addition to the Nike Hi-Top collection. Velvet Brown. Full Premium Leather Upper with Leather Sock Liner. Nice "Air Flytop" detail on the velcro strap.
						</p>
						<h4>
							Size: 11
						</h4>
						<h4>
							Colour: Brown
						</h4>
						<h4>
							Gender: Male
						</h4>
						<h4>
							Price: £40.99
						</h4>
					</div>
				</div>
				<div id="collection">
					<h2>
						Collection method
					</h2>
					<p>
						Please select whether you want your chosen trainers to be delivered to your home address (a charge applies for this) or whether you want to collect them yourself.
					</p>
					<p>
						Home address - £3.99 <input onchange="delPrice(this);" type="radio" name="deliveryType" value="home" title="3.99" checked="checked" />&nbsp; | &nbsp; Collect from warehouse - no charge <input onchange="delPrice(this);" type="radio" name="deliveryType" value="trade" title="0" />
					</p>
				</div>
				<div id="checkCost">
					<h2>
						Total cost
					</h2>Total <input type="text" name="total" id="total" size="10" readonly="readonly" value="3.99" disabled="disabled"/>
				</div>
				<div id="placeOrder">
					<h2>
						Place order
					</h2>
					Your details Customer Type: 
					<select name="customerType" onchange="custType();">
						<option value="">
							Customer Type?
						</option>
						<option value="ret">
							Customer
						</option>
						<option value="trd">
							Trade
						</option>
					</select>
					Payment Type 
					<select name="subType">
						<option value="">
							Choose a Type
						</option>
					</select>
					<div id="retCustDetails" class="custDetails" style="visibility: hidden;">
						Forename <input type="text" name="forename" id="forename" /> Surname <input type="text" name="surname" id="surname" />
					</div>
					<div id="tradeCustDetails" class="custDetails" style="visibility: hidden;">
						Company Name <input type="text" name="companyName" id="companyName" />
					</div>
					<p style="color: #FF0000; font-weight: bold;">
						<input type="checkbox" id="termsChkbx" value="termsChkbx" onclick="termsNcon(this);" />I have read and agree to the terms and conditions
					</p>
					<p>
						<input type="submit" name="submit" value="Order now!" id="sub1" onclick="checkForm()" disabled="disabled" />
					</p>
				</div>
			</form>
		</div>
	</body>
</html>
